<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <base th:href="@{/}"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/theme.css">
    <style>
        #footer {
            padding: 15px 0;
            background: #fff;
            border-top: 1px solid #ddd;
            text-align: center;
        }

        #topcontrol {
            color: #fff;
            z-index: 99;
            width: 30px;
            height: 30px;
            font-size: 20px;
            background: #222;
            position: relative;
            right: 14px !important;
            bottom: 11px !important;
            border-radius: 3px !important;
        }

        #topcontrol:after {
            /*top: -2px;*/
            left: 8.5px;
            content: "\f106";
            position: absolute;
            text-align: center;
            font-family: FontAwesome;
        }

        #topcontrol:hover {
            color: #fff;
            background: #18ba9b;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
    </style>
    <script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="script/docs.min.js"></script>
    <script type="text/javascript" src="script/back-to-top.js"></script>
    <script type="text/javascript">
        $('#myTab a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
        $('#myTab1 a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
    </script>
</head>
<body>
<div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#" style="font-size: 32px;">K众筹网-创意产品众筹平台</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse"
                     style="float: right;">
                    <ul class="nav navbar-nav">
                        <li class="dropdown"><a href="#" class="dropdown-toggle"
                                                data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i>
                            [[${session.loginMember.username}]]<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="member.html"><i
                                        class="glyphicon glyphicon-scale"></i> 会员中心</a></li>
                                <li><a href="#"><i class="glyphicon glyphicon-comment"></i>
                                    消息</a></li>
                                <li class="divider"></li>
                                <li><a href="index.html" th:href="@{/auth/member/logout}"><i
                                        class="glyphicon glyphicon-off"></i> 退出系统</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-sm-3 col-md-3 column">
            <div class="row">
                <div class="col-md-12">
                    <div class="thumbnail" style="border-radius: 0px;">
                        <img src="img/services-box1.jpg" class="img-thumbnail"
                             alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">
                        <div class="caption" style="text-align: center;">
                            <h3>[[${session.loginMember.username}]]</h3>
                            <span class="label label-danger" style="cursor: pointer;"
                                  onclick="window.location.href='cert.html'">未实名认证</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list-group">
                <div class="list-group-item" style="cursor: pointer;"
                     onclick="window.location.href='member.html'">
                    资产总览<span class="badge"><i
                        class="glyphicon glyphicon-chevron-right"></i></span>
                </div>
                <div class="list-group-item active">
                    我的众筹<span class="badge"><i
                        class="glyphicon glyphicon-chevron-right"></i></span>
                </div>
            </div>
        </div>
        <div class="col-sm-9 col-md-9 column">
            <ul id="myTab" style="" class="nav nav-pills" role="tablist">
                <li role="presentation" class="active"><a href="#home"
                                                          role="tab" data-toggle="tab" aria-controls="home"
                                                          aria-expanded="true">我的众筹</a></li>
                <li role="presentation"><a href="#profile">众筹资产</a></li>
            </ul>
            <div id="myTabContent" class="tab-content" style="margin-top: 10px;">
                <div role="tabpanel" class="tab-pane fade active in" id="home"
                     aria-labelledby="home-tab">
                    <ul id="myTab2" class="nav nav-tabs">
                        <li role="presentation" class="active"><a href="#support">我支持的</a></li>
                        <li role="presentation"><a href="#attension">我关注的</a></li>
                        <li role="presentation"><a href="#add">我发起的</a></li>
                        <li class=" pull-right">
                            <script type="text/javascript">
                                $(function () {
                                    $("#launchCrowdBtn").click(function () {
                                        // 为了保证同一个session   /project 为了不和路由规则冲突而加
                                        window.location.href = "http://www.crowd.com/project/agree/protocol/page";
                                    });
                                });
                            </script>
                            <button id="launchCrowdBtn" type="button"
                                    class="btn btn-warning">发起众筹
                            </button>
                        </li>
                    </ul>
                    <div id="myTab1" class="tab-content" style="margin-top: 10px;">
                        <div role="tabpanel" class="tab-pane fade active in" id="support"
                             aria-labelledby="home-tab">
                            <div class="container-fluid">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <span class="label label-warning">全部</span> <span
                                            class="label" style="color: #000;">已支付</span> <span
                                            class="label " style="color: #000;">未支付</span>
                                    </div>
                                    <div class="col-md-12 column"
                                         style="margin-top: 10px; padding: 0;">
                                        <table class="table table-bordered"
                                               style="text-align: center;">
                                            <thead>
                                            <tr style="background-color: #ddd;">
                                                <td>项目信息</td>
                                                <td width="90">支持日期</td>
                                                <td width="120">支持金额（元）</td>
                                                <td width="80">回报数量</td>
                                                <td width="80">交易状态</td>
                                                <td width="120">操作</td>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td style="vertical-align: middle;">
                                                    <div class="thumbnail">
                                                        <div class="caption">
                                                            <h3>活性富氢净水直饮机</h3>
                                                            <p>订单编号:2x002231111</p>
                                                            <p>
                                                            <div style="float: left;">
                                                                <i class="glyphicon glyphicon-screenshot"
                                                                   title="目标金额"></i>
                                                                已完成 100%
                                                            </div>
                                                            <div style="float: right;">
                                                                <i title="截至日期"
                                                                   class="glyphicon glyphicon-calendar"></i>
                                                                剩余8天
                                                            </div>
                                                            </p>
                                                            <br>
                                                            <div class="progress" style="margin-bottom: 4px;">
                                                                <div class="progress-bar progress-bar-danger"
                                                                     role="progressbar" aria-valuenow="40"
                                                                     aria-valuemin="0" aria-valuemax="100"
                                                                     style="width: 40%">
                                                                    <span>众筹中</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td style="vertical-align: middle;">2017-05-23
                                                    11:31:22
                                                </td>
                                                <td style="vertical-align: middle;">1.00<br>(运费：0.00
                                                    )
                                                </td>
                                                <td style="vertical-align: middle;">1</td>
                                                <td style="vertical-align: middle;">交易关闭</td>
                                                <td style="vertical-align: middle;">
                                                    <div class="btn-group-vertical" role="group"
                                                         aria-label="Vertical button group">
                                                        <button type="button" class="btn btn-default">删除订单</button>
                                                        <button type="button" class="btn btn-default">交易详情</button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align: middle;">
                                                    <div class="thumbnail">
                                                        <div class="caption">
                                                            <h3>BAVOSN便携折叠移动电源台灯</h3>
                                                            <p>订单编号:2x002231111</p>
                                                            <p>
                                                            <div style="float: left;">
                                                                <i class="glyphicon glyphicon-screenshot"
                                                                   title="目标金额"></i>
                                                                已完成 100%
                                                            </div>
                                                            <div style="float: right;">
                                                                <i title="截至日期"
                                                                   class="glyphicon glyphicon-calendar"></i>
                                                                剩余8天
                                                            </div>
                                                            </p>
                                                            <br>
                                                            <div class="progress" style="margin-bottom: 4px;">
                                                                <div class="progress-bar progress-bar-success"
                                                                     role="progressbar" aria-valuenow="40"
                                                                     aria-valuemin="0" aria-valuemax="100"
                                                                     style="width: 40%">
                                                                    <span>众筹成功</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td style="vertical-align: middle;">2017-05-23
                                                    11:31:22
                                                </td>
                                                <td style="vertical-align: middle;">1.00<br>(运费：0.00
                                                    )
                                                </td>
                                                <td style="vertical-align: middle;">1</td>
                                                <td style="vertical-align: middle;">交易关闭</td>
                                                <td style="vertical-align: middle;">
                                                    <div class="btn-group-vertical" role="group"
                                                         aria-label="Vertical button group">
                                                        <button type="button" class="btn btn-default">删除订单</button>
                                                        <button type="button" class="btn btn-default">交易详情</button>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="attension"
                             aria-labelledby="attension-tab">
                            <div class="container-fluid">
                                <div class="row clearfix">
                                    <div class="col-md-12 column" style="padding: 0;">
                                        <table class="table table-bordered"
                                               style="text-align: center;">
                                            <thead>
                                            <tr style="background-color: #ddd;">
                                                <td>项目信息</td>
                                                <td width="120">支持人数</td>
                                                <td width="120">关注人数</td>
                                                <td width="120">操作</td>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td style="vertical-align: middle;">
                                                    <div class="thumbnail">
                                                        <div class="caption">
                                                            <p>BAVOSN便携折叠移动电源台灯</p>
                                                            <p>
                                                                <i class="glyphicon glyphicon-jpy"></i> 已筹集 1000.0元
                                                            </p>
                                                            <p>
                                                            <div style="float: left;">
                                                                <i class="glyphicon glyphicon-screenshot"
                                                                   title="目标金额"></i>
                                                                已完成 100%
                                                            </div>
                                                            <div style="float: right;">
                                                                <i class="glyphicon glyphicon-calendar"></i> 剩余2天
                                                            </div>
                                                            </p>
                                                            <br>
                                                            <div class="progress" style="margin-bottom: 4px;">
                                                                <div class="progress-bar progress-bar-success"
                                                                     role="progressbar" aria-valuenow="40"
                                                                     aria-valuemin="0" aria-valuemax="100"
                                                                     style="width: 40%">
                                                                    <span>众筹中</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td style="vertical-align: middle;">1</td>
                                                <td style="vertical-align: middle;">1</td>
                                                <td style="vertical-align: middle;">
                                                    <div class="btn-group-vertical" role="group"
                                                         aria-label="Vertical button group">
                                                        <button type="button" class="btn btn-default">取消关注</button>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade  " id="add"
                             aria-labelledby="add-tab">
                            <div class="container-fluid">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <span class="label label-warning">全部</span> <span
                                            class="label" style="color: #000;">众筹中</span> <span
                                            class="label " style="color: #000;">众筹成功</span> <span
                                            class="label " style="color: #000;">众筹失败</span>
                                    </div>
                                    <div class="col-md-12 column"
                                         style="padding: 0; margin-top: 10px;">
                                        <table class="table table-bordered"
                                               style="text-align: center;">
                                            <thead>
                                            <tr style="background-color: #ddd;">
                                                <td>项目信息</td>
                                                <td width="120">募集金额（元）</td>
                                                <td width="80">当前状态</td>
                                                <td width="120">操作</td>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td style="vertical-align: middle;">
                                                    <div class="thumbnail">
                                                        <div class="caption">
                                                            <p>BAVOSN便携折叠移动电源台灯</p>
                                                            <p>
                                                            <div style="float: left;">
                                                                <i class="glyphicon glyphicon-screenshot"
                                                                   title="目标金额"></i>
                                                                已完成 100%
                                                            </div>
                                                            <div style="float: right;">
                                                                <i title="截至日期"
                                                                   class="glyphicon glyphicon-calendar"></i>
                                                                剩余8天
                                                            </div>
                                                            </p>
                                                            <br>
                                                            <div class="progress" style="margin-bottom: 4px;">
                                                                <div class="progress-bar progress-bar-success"
                                                                     role="progressbar" aria-valuenow="40"
                                                                     aria-valuemin="0" aria-valuemax="100"
                                                                     style="width: 40%">
                                                                    <span>众筹中</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td style="vertical-align: middle;">1.00<br>(运费：0.00
                                                    )
                                                </td>
                                                <td style="vertical-align: middle;">草稿</td>
                                                <td style="vertical-align: middle;">
                                                    <div class="btn-group-vertical" role="group"
                                                         aria-label="Vertical button group">
                                                        <button type="button" class="btn btn-default">项目预览</button>
                                                        <button type="button" class="btn btn-default">修改项目</button>
                                                        <button type="button" class="btn btn-default">删除项目</button>
                                                        <button type="button" class="btn btn-default">问题管理</button>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div role="tabpanel" class="tab-pane fade" id="profile"
                     aria-labelledby="profile-tab">众筹资产
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container" style="margin-top: 20px;">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div id="footer">
                <div class="footerNav">
                    <a rel="nofollow" href="http://www.mykk.com">关于我们</a> | <a
                        rel="nofollow" href="http://www.mykk.com">服务条款</a> | <a
                        rel="nofollow" href="http://www.mykk.com">免责声明</a> | <a
                        rel="nofollow" href="http://www.mykk.com">网站地图</a> | <a
                        rel="nofollow" href="http://www.mykk.com">联系我们</a>
                </div>
                <div class="copyRight">Copyright ?2017-2017mykk.com 版权所有</div>
            </div>

        </div>
    </div>
</div>
</body>
</html>
